字符串与数组方法以及class的用法

您所在的位置:网站首页 python 数组切分 字符串与数组方法以及class的用法

字符串与数组方法以及class的用法

2023-03-28 14:15| 来源: 网络整理| 查看: 265

字符串与数组方法以及class的用法2023年03月25日 18:11:07阅读数:29博客 / 一个好人/ 前端开发队列与循环队列// 队列 arr = ['a','b','c','d'] function que1(arr, str){ arr.push(str) arr.shift() } console.log(arr); que1(arr, 'e') console.log(arr); que1(arr, 'f') console.log(arr); // 循环队列 arr = ['a','b','c','d'] function que2(arr){ let a = arr.shift() arr.push(a) } console.log(arr); que2(arr) console.log(arr); que2(arr) console.log(arr); for(let key of arr.entries()){ console.log(key); } 列队(4) ['a', 'b', 'c', 'd'](4) ['b', 'c', 'd', 'e'](4) ['c', 'd', 'e', 'f']循环列队(4) ['a', 'b', 'c', 'd'](4) ['b', 'c', 'd', 'a'](4) ['c', 'd', 'a', 'b']演示字符串与数组方法(至少3个) str = 'Dmegc东磁' console.log(str[3]) console.log(str.length) console.log(str.search('e')) console.log(str.replace('e','u')) console.log(str.slice(0,5)) // 拿不到结束索引 console.log(str.substr(5,2)) console.log(str.split('')) // 切割成数组 console.log(str.toLowerCase()) console.log(str.toUpperCase()) g72Dmugc东磁Dmegc东磁Array(7)dmegc东磁DMEGC东磁 let arr = [] arr.push('a','b','c') console.log(arr) arr.pop() console.log(arr) arr.unshift('A') console.log(arr) arr.shift() console.log(arr); for(let key of arr.entries()){ console.log(key); } // arr.keys()/arr.values()/arr.entries()用法相同,得到迭代对象 console.log(arr.slice(2, 4)); console.log(arr.includes('a')); console.log(arr.splice(3, 4)); // arr.splice() 前值为起始位置,后值为删除元素个数,删除对应的数组,并返回;如果有三值,则为插入的元素,如果插入元素为数组,想展开可加... // 排序,a-b升序,b-a降序 arr = [3,5,1,9] arr.sort(function(a,b){ return a - b }) console.log(arr); arr.sort((a,b)=> b - a) // 箭头函数简化 console.log(arr); // arr.forEach() // arr.map( ) // arr.some()是含有即为true,every()是全部满足为true console.log(arr.every(item=>item > 5)); // 参数支持item值,index索引,arr数组 // arr.filter() 返回满足条件的新数组 console.log(arr.filter(item=>item > 5)); // find() 获取满足条件的第一个元素 //findLast() 获取满足条件的最后一个元素 //findIndex() // arr.reduce()累加器 console.log(arr.reduce((acc, cur)=>acc+cur)); (3) ['a', 'b', 'c'](2) ['a', 'b'](3) ['A', 'a', 'b'](2) ['a', 'b'](2) [0, 'c'](2) [1, 'd'](2) [2, 'a'](2) [3, 'b'](2) ['a', 'b']true['b'](4) [1, 3, 5, 9](4) [9, 5, 3, 1]false[9]18演示class的用法(属性,方法,访问器属性,继承) function Code(nd, fe, b){ this.nd = nd this.fe = fe this.b = b } Code.prototype.show = function(){ return `${this.nd}:[${this.fe}]` //以自定义格式输出 } let code = new Code(28, 68, 1) console.log(code); console.log(code.show()); // ES6中的类,是构造方法 /** * 内部成员间没有, * 必须用简写 */ class Grade{ constructor(br, hcj){ this.br = br this.hcj = hcj } show(){ return `${this.br}:${this.hcj}` } // 静态成员 static company = 'dmegc' } // 访问 const N48H = new Grade(13.6, 17) console.log(N48H); console.log(N48H.show()); console.log(Grade.company); // 静态成员 let f = function(){} f.a = 'hello' console.log(f.a); class Formula extends Grade{ constructor(br, hcj, d){ super(br,hcj) this.d = d } /** * 可以引入访问器,同名时访问器属性大于原始属性 */ show(){ return `${super.show()}, ${this.d}` } } const N48H01 = new Formula(13.6, 17, 7.5) console.log(N48H01.show()); N48H01.d = 7.55 console.log(N48H01.show()); Code {nd: 28, fe: 68, b: 1}28:[68]Grade {br: 13.6, hcj: 17}13.6:17dmegchello13.6:17, 7.513.6:17, 7.55总结:

进入js需要练习的东西多了,class要好好联系一下,用好了处理数据很有用的,目前最头疼的是众多数据如何设计数据表。

批改老师:PHPzhongPHPzhong

批改状态:合格

老师批语:总结的还不错,好好练习

版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系[email protected]举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

0 条评论


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3